 <template>
  <div class="form-group row">
    <label :for="dataId" class="col-3 text-right col-form-label">{{labelText}}</label>
    <custom-switch :data-id="dataId" class="mt-2" @change="change" :checked="checked"></custom-switch>
  </div>
</template>

<script>

import CustomSwitch from "@/components/CustomSwitch";

export default {
  name: "FormRowSwitch",
  components:{
      CustomSwitch
  },
  props: {
    dataId: {
      default: ""
    },
    labelText: {
      default: ""
    },
    checked: {
      checked: false
    }
  },
  model: {
    prop: "checked",
    event: "change1"
  },
  methods: {
    change(checked) {
      this.$emit("change1", checked);
    }
  }
};
</script>